<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 主体 -->
    <main>
        <!-- 用户框 -->
        <div class="container">

            <div class="user">
                <div class="user-kuang mt20">
                    <img src="../image/dog.jpg" alt="图片加载失败" id="header1"> 
                </div>
                <div class="user-list">
                    <span id="header2">18161021716</span>
                    <a href="./infor.html"><i class="iconfont iconarrow-right"></i></a>
                </div>

            </div>
            <div class="signature mt20">个性签名：<span id="header3">--</span></div>

            <input type="file" id="scfile">

        </div>
        <div class="back1"></div>
        <div class="container dynamic">
            <div class="dynamic-1">
                <i class="iconfont icondynamic"></i>
                <span>个人动态</span>
            </div>
            <div class="dynamic-2">
                <span id="ten">--</span>条
                <i class="iconfont iconarrow-right"></i>
            </div>
        </div>
        <div class="back1"></div>
        <!-- 运动数据 -->
        <div class="container">
            <div class="soprt">
                <div>
                    <i class="iconfont iconchart" ></i>运动数据
                </div>
                <i class="iconfont iconarrow-right" id="spoor1"></i>
            </div>
            <div class="time">
                <div class="sport">
                    <div>总运动</div>
                    <div class="mt20"><span class="bcf" id="time1">--</span>分钟</div>
                </div>
                <div class="sport xu">
                    <div>本周消耗</div>
                    <div class="mt20"><span class="bcf" id="time2">--</span>千卡</div>
                </div>

            </div>
        </div>
        <div class="back1"></div>
        <!-- 我的徽章 -->
        <div class="container">
            <a href="Medal.html" class="title">
                <div>
                    <i class="iconfont iconbadge"></i>我的徽章
                </div>
                <i class="iconfont iconarrow-right"></i>
            </a>
            <div class="title-radge">
                <div id="badge1"> <img src="../image/mybadge01.jpg" alt=""></div>
                <div id="badge1"> <img src="../image/mybadge02.jpg" alt=""></div>
                <div id="badge1"> <img src="../image/mybadge03.jpg" alt=""></div>

            </div>
        </div>
        <div class="back1"></div>
        <div class="container ">
            <div class="btn1">退出登录</div>
        </div>
    </main>
</body>

</html>